<template>
	<view class="space-between shopTop" :style="{padding:frame?'0px 20rpx':'0px'}">
		<view class="packageLsit" @click="type?navTo('shopp/Shopkeeper?id='+storeId):''" >
			<image src="../../static/groupBenefits/shop.png" mode=""></image>
			<text>{{title}}</text>
			<uni-icons type="forward" size="19" color="#666" v-if="type"></uni-icons>
		</view>
		<view class="tit" v-if="state" :style="{color:text=='未支付'?'#309BFF':'#333'}">{{text}}</view>
		<uni-icons type="trash" size="22" v-if="del"></uni-icons>
	</view>
</template>

<script setup lang="ts">
	import {navTo} from '@/utils/navigator';
	/**
	 * type 1可以进入店铺 2不能进入店铺 
	 */
	const props = defineProps({
	  type: { type: Boolean },
	  state: { type: Boolean },
	  frame: { type: Boolean },
	  del:{ type: Boolean },
	  title:{ type: String },
	  storeId:{ type: String },
	  text:{ type: String },
	});
</script>

<style scoped lang="less">
	.shopTop{
		width: 100%;
		box-sizing: border-box;
	}
	.packageLsit{
			display:flex;
			align-items: center;
			image{
				width: 50rpx;
				height: 50rpx;
			}
			text{
				font-size: 30rpx;
				font-weight: 400;
				color: #181818;
				margin: 0px 10rpx;
			}
		}
		.tit{
			font-size: 28rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #309BFF;
		}
</style>